document.write('<link rel="stylesheet" type="text/css" href="' + context
		+ '/system/tablequery/css/querylist4ext.css">');
document.write('<script type="text/javascript" src="' + context
		+ '/system/tablequery/js/querylist4extN.js"></script>');
document.write('<link rel="stylesheet" type="text/css" href="' + context
		+ '/app/maps/css/track.css">');
document.write('<script type="text/javascript" src="' + context
		+ '/app/maps/js/nsmap.js"></script>');
document.write('<script type="text/javascript" src="' + context
		+ '/app/maps/js/epoint.js"></script>');

/**
 * 过滤掉非监理人员节点
 * 
 * @param {}
 *            node
 * @return {}
 */
function selfShowNodeDecide(node) {
	// alert(node.text + '<--->' + node.attributes.type + '<--->' +
	// node.attributes.rating);
	var rnt = true;

	if (node.attributes.type == 'user'
			&& (node.attributes.rating != 1 && node.attributes.rating != 2)) {
		rnt = false;
	}
	return rnt;
}

function init(qk) {
	/* 初始化轨迹查询列表 */
	initTQExtRegionList('north', qk, initGridList, 20);
}

/**
 * 初始化轨迹查询页面
 * 
 * @param {}
 *            grid
 */
function initGridList(grid) {
	grid.setHeight(200);
	addMeMix1(grid);

	var viewport = new Ext.Viewport({
		layout : 'fit',
		items : [new Ext.Panel({
			autoScroll : false,
			layout : 'border',
			border : false,
			layoutConfig : {
				titleCollapse : true,
				animate : true,
				activeOnTop : false
			},

			items : [grid, {
				region : 'center',
				layout : 'column',
				border : false,
				autoScroll : false,
				title : '监理人员轨迹回放地图',
				html : '<div id="mapObj" style="width:100%;height:100%;"></div>'
			}]

		})],

		listeners : {
			render : function() {

			}
		}
	});

	loadMap();
}

function addMeMix1(grid) {
	var tbar = Ext.getCmp(grid.id + '_toolbar');

	tbar.add('-', {
				text : '轨迹回放',
				iconCls : 'track',
				handler : function() {
					selNodes = grid.getSelectionModel().getSelections();
					playTrack(selNodes);

				}
			});

}

var webgis;

function loadMap() {
	// 创建地图对象
	webgis = new EMaps("mapObj");
		
	// 添加地图控制拉杆
	webgis.addControl(new ELargeMapControl());
	// 设置地图的中心和缩放级别
	webgis.centerAndZoom(new EPoint(emapCenter), parseInt(defaultZoomSize));
	
//	// 第一次数据
//	drawBridge(webgis);
//	drawRiverway(webgis);
//	drawPicket(webgis);
//	// 第二次数据
//	drawRiverway2(webgis);
//	drawPicket2(webgis);
//	// 第三次数据
//	drawRiverway3(webgis);
//	drawPicket3(webgis);
//	
//	// 第四次数据
//	drawRiverway4(webgis);
//	drawPicket4(webgis);
//	drawBridge4(webgis);
//	drawdhx4(webgis);
	
	drawmap(webgis);
}

function playTrack(selNodes) {
	if(!selNodes || selNodes.length == 0){
		alert('请选择轨迹');
		return;
	}
	
	webgis.clearMarkers();
	webgis.clearPolylines();
	
//	// 第一次数据
//	drawBridge(webgis);
//	drawRiverway(webgis);
//	drawPicket(webgis);
//	// 第二次数据
//	drawRiverway2(webgis);
//	drawPicket2(webgis);
//	// 第三次数据
//	drawRiverway3(webgis);
//	drawPicket3(webgis);
//	
//	// 第四次数据
//	drawRiverway4(webgis);
//	drawPicket4(webgis);
//	drawBridge4(webgis);
//	drawdhx4(webgis);
	
	drawmap(webgis);
	var arrayPts2 = new Array;
	Ext.each(selNodes, function(node) {
		var mapKong = '<a href="javascript:zoomoutIt(\'' + node.data.LON
				+ '\', \'' + node.data.LAT + '\');">定位</a>';
		mapKong += '&nbsp;<a href="javascript:zoominIt(\'' + node.data.LON
				+ '\', \'' + node.data.LAT + '\');">回置</a>';

		var infoKong = '<hr>';
		infoKong += '<table style="font-size:13px;" width="350" border="0">';
		infoKong += '<tr>';
		infoKong += '<td width="100">用户姓名：</td>';
		infoKong += '<td><b>' + node.data.USERNAME + '</b></td>';
		infoKong += '</tr>';
		infoKong += '<td width="100">监理单位：</td>';
		infoKong += '<td><b>' + node.data.GROUPNAME + '</b></td>';
		infoKong += '</tr>';
		infoKong += '<td width="100">负责标段：</td>';
		infoKong += '<td><b>' + node.data.BDNAME + '</b></td>';
		infoKong += '</tr>';
		infoKong += '<td width="100">轨迹上传时间：</td>';
		infoKong += '<td><b>' + formatTime(node.data.CTIME) + '</b></td>';
		infoKong += '</tr>';
		// alert(node.data.LON + '<---->' + node.data.LAT);
		var point = new EPoint(node.data.LON, node.data.LAT, true);

		var iconLabel = '<div style="position:absolute;left:0;white-space:nowrap;">';
		iconLabel += '<table border="0" cellpadding="0" cellspacing="0">';
		iconLabel += '<tr>';
		iconLabel += '<td>';
		iconLabel += '<img src="' + serverPath + context
				+ '/app/maps/images/cp.gif' + '">';
		iconLabel += '</td>';
		iconLabel += '<td>';
		iconLabel += '<table border="0" cellpadding="1" cellspacing="1" bgcolor="#C8C8FF" style="filter:alpha(opacity=70); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;">';
		iconLabel += '<tr><td valign="middle" style="white-space:nowrap;font-weight:bold;color:#434343;font-size:14px;padding:5px;">'
				+ formatTime(node.data.CTIME) + '</td></tr>';
		iconLabel += '</table>';
		iconLabel += '</td>';
		iconLabel += '</tr>';
		iconLabel += '</table>';
		iconLabel += '</div>';

		var icon = new EIcon(iconLabel, 24, 25, 0, 0);
		var infoWindow = new EInfoWindow(
				'<font style="font-size:13px;font-weight:bold;">轨迹点信息</font>&nbsp;&nbsp;&nbsp;'
						+ mapKong, infoKong);
		var pointObject = new EMarker("", point, icon, infoWindow);
		webgis.addOverlay(pointObject);
		arrayPts2.push(point);
	});
	if (arrayPts2.length > 1) {
		webgis.centerAndZoom(arrayPts2[0], 12);
		
		/** ************************添加轨迹线**********************start********************** */
		// alert(webgis.clearPolylines());
		var polylineL = new EPolyline("", arrayPts2, new EBrush("red", 4), "");
		webgis.addOverlay(polylineL);
		/** ************************添加轨迹线*********************end************************ */
		// 测试线路回放
		webgis.setTrackArray(arrayPts2, 5);
		webgis.simulateWithIcon(new EIcon(serverPath + context
						+ "/app/maps/images/xiaoqiu.png", 25, 25, 0, 0));
	}
}
function zoomoutIt(lon, lat) {
	// webgis.setMode('zoomin');
	// 设置地图的中心和缩放级别
	webgis.centerAndZoom(new EPoint(lon, lat, true), 100);
}

function zoominIt(lon, lat) {
	// webgis.setMode('zoomin');
	// 设置地图的中心和缩放级别
	webgis.centerAndZoom(new EPoint(lon, lat, true), 10);
}